<template>
	<view id="state_box">
		<view class="state_info" v-for="(item, index) in state_list" :key="index">
			<view class="pdf_download">
				<u-icon name="../../../static/icon/order/pdf.png" size="40rpx" label="下载pdf" label-pos="bottom" label-size="16rpx" label-color="rgba(255, 255, 255, 1)"></u-icon>
			</view>
			<view class="state_show">
				{{item.state}}
			</view>
			<view class="separate_line">
			</view>
		</view>
		    <view class="step_box">
		    	<view class="step_line">
					<u-steps :list="step_list" :current="1" mode="dot" active-color="#fa3534"></u-steps>
				</view>
		    	<view class="step_icon">
					<u-row gutter="16">
						<u-col span="3">
							<view>
								<u-icon label="下单成功" size="60" label-size="24" margin-top="12" label-pos="bottom" 
								name="../../../static/icon/mine/icon_interfaces_heart.png" 
								@click="goto()">
								</u-icon>
							</view>
						</u-col>
						<u-col span="3" >
							<view>
								<u-icon label="待签字" size="60" label-size="24" margin-top="12" label-pos="bottom" 
								name="../../../static/icon/mine/icon_rotate_rotate-axis-xy.png" 
								@click="goto()">
								</u-icon>
							</view>
						</u-col>
						<u-col span="3">
							<view>
								<u-icon label="待处理" size="60" label-size="24" margin-top="12" label-pos="bottom" 
								name="../../../static/icon/mine/icon_content_notebook.png" 
								@click="goto()">
								</u-icon>
							</view>
						</u-col>
						<u-col span="3">
							<view>
								<u-icon label="交易成功" size="60" label-size="24" margin-top="12" label-pos="bottom" 
								name="../../../static/icon/mine/icon_interfaces_user.png" 
								@click="goto()">
								</u-icon>
							</view>
						</u-col>
					</u-row>
		    	</view>
		    </view>
			<view class="showUlike">
				<u-waterfall v-model="curNum==0?flowList:needlist" ref="uWaterfall" v-if="curNum==0">
					<template v-slot:left="{leftList}">
						<view class="demo-warter" v-for="(item, index) in leftList" :key="index"
							@click="goto('../subpages/Details/product_details')">
							<icard :icardall="item" :isprealse="0"></icard>
						</view>
					</template>
					<template v-slot:right="{rightList}">
						<view class="demo-warter" v-for="(item, index) in rightList" :key="index"
							@click="goto('../subpages/Details/product_details')">
							<icard :icardall="item" :isprealse="0"></icard>
						</view>
					</template>
				</u-waterfall>
				<u-waterfall v-model="flowList" ref="uWaterfall" v-if="curNum==1">
					<template v-slot:left="{leftList}">
						<view class="demo-warter" v-for="(item, index) in leftList" :key="index"
							@click="goto('../subpages/Details/product_details')">
							<icard :icardall="item" :isprealse="1"></icard>
						</view>
					</template>
					<template v-slot:right="{rightList}">
						<view class="demo-warter" v-for="(item, index) in rightList" :key="index"
							@click="goto('../subpages/Details/product_details')">
							<icard :icardall="item" :isprealse="1"></icard>
						</view>
					</template>
				</u-waterfall>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				state_list:[{
					state:'下单成功'
				}],
				flowList: [],
				step_list:[{
					    name:' '
					},{
						name:' '
					},{
						name:' '
					},{
						name:' '
					},],
			}
		
		},
		methods: {
			
		}
	}
</script>

<style>
        @import url("order_state.css");
</style>
